<!--搜索功能、分页加载-->
<div ng-include="'tpl/include/header.html'"></div>

<div class="container">
    <!-- 搜索框-->
    <div class="form-group has-feedback search">
        <input
                type="text"
                placeholder="请输入水果名称"
                class="form-control"
                ng-model="kw"/>
        <span class="form-control-feedback glyphicon glyphicon-search"></span>
    </div>
    <!-- 列表-->
    <div class="list-group">
        <a href="#/detail/{{dish.did}}"
           class="list-group-item"
           ng-repeat="dish in dishList">
            <div class="media">
                <div class="media-left media-middle">
                    <img class="media-object" ng-src="img/{{dish.img_sm}}" alt=""/>
                </div>
                <div class="media-body">
                    <h1>{{dish.name}}</h1>
                    <p>{{dish.detail}}</p>
                    <hr/>
                    <h4>{{dish.price |currency:'￥'}}</h4>
                </div>
            </div>
        </a>
    </div>

    <!-- 加载更多的按钮-->
    <button ng-show="hasMore" ng-click="loadMore()" class="btn btn-success btn-block">加载更多</button>

    <!-- 提示没有更多数据可以加载-->
    <p class="alert alert-warning text-center" ng-show="!hasMore">没有更多数据可以加载了</p>

</div>

<div ng-include="'tpl/include/footer.html'"></div>
